/* Shake */
@-webkit-keyframes shake-horizontal{
	0%{-webkit-transform:translate(0px, 0px) rotate(0deg)}
	2%{-webkit-transform:translate(-7px, 0px) rotate(0deg)}
	4%{-webkit-transform:translate(7px, 0px) rotate(0deg)}
	6%{-webkit-transform:translate(5px, 0px) rotate(0deg)}
	8%{-webkit-transform:translate(9px, 0px) rotate(0deg)}
	10%{-webkit-transform:translate(9px, 0px) rotate(0deg)}
	12%{-webkit-transform:translate(3px, 0px) rotate(0deg)}
	14%{-webkit-transform:translate(9px, 0px) rotate(0deg)}
	16%{-webkit-transform:translate(-6px, 0px) rotate(0deg)}
	18%{-webkit-transform:translate(8px, 0px) rotate(0deg)}
	20%{-webkit-transform:translate(-2px, 0px) rotate(0deg)}
	22%{-webkit-transform:translate(-1px, 0px) rotate(0deg)}
	24%{-webkit-transform:translate(0px, 0px) rotate(0deg)}
	26%{-webkit-transform:translate(-6px, 0px) rotate(0deg)}
	28%{-webkit-transform:translate(-5px, 0px) rotate(0deg)}
	30%{-webkit-transform:translate(-4px, 0px) rotate(0deg)}
	32%{-webkit-transform:translate(-10px, 0px) rotate(0deg)}
	34%{-webkit-transform:translate(9px, 0px) rotate(0deg)}
	36%{-webkit-transform:translate(4px, 0px) rotate(0deg)}
	38%{-webkit-transform:translate(-1px, 0px) rotate(0deg)}
	40%{-webkit-transform:translate(2px, 0px) rotate(0deg)}
	42%{-webkit-transform:translate(2px, 0px) rotate(0deg)}
	44%{-webkit-transform:translate(-4px, 0px) rotate(0deg)}
	46%{-webkit-transform:translate(8px, 0px) rotate(0deg)}
	48%{-webkit-transform:translate(-6px, 0px) rotate(0deg)}
	50%{-webkit-transform:translate(4px, 0px) rotate(0deg)}
	52%{-webkit-transform:translate(-5px, 0px) rotate(0deg)}
	54%{-webkit-transform:translate(6px, 0px) rotate(0deg)}
	56%{-webkit-transform:translate(-5px, 0px) rotate(0deg)}
	58%{-webkit-transform:translate(0px, 0px) rotate(0deg)}
	60%{-webkit-transform:translate(3px, 0px) rotate(0deg)}
	62%{-webkit-transform:translate(5px, 0px) rotate(0deg)}
	64%{-webkit-transform:translate(-4px, 0px) rotate(0deg)}
	66%{-webkit-transform:translate(-8px, 0px) rotate(0deg)}
	68%{-webkit-transform:translate(4px, 0px) rotate(0deg)}
	70%{-webkit-transform:translate(-5px, 0px) rotate(0deg)}
	72%{-webkit-transform:translate(7px, 0px) rotate(0deg)}
	74%{-webkit-transform:translate(-5px, 0px) rotate(0deg)}
	76%{-webkit-transform:translate(1px, 0px) rotate(0deg)}
	78%{-webkit-transform:translate(8px, 0px) rotate(0deg)}
	80%{-webkit-transform:translate(8px, 0px) rotate(0deg)}
	82%{-webkit-transform:translate(7px, 0px) rotate(0deg)}
	84%{-webkit-transform:translate(-10px, 0px) rotate(0deg)}
	86%{-webkit-transform:translate(9px, 0px) rotate(0deg)}
	88%{-webkit-transform:translate(-1px, 0px) rotate(0deg)}
	90%{-webkit-transform:translate(0px, 0px) rotate(0deg)}
	92%{-webkit-transform:translate(-2px, 0px) rotate(0deg)}
	94%{-webkit-transform:translate(5px, 0px) rotate(0deg)}
	96%{-webkit-transform:translate(5px, 0px) rotate(0deg)}
	98%{-webkit-transform:translate(-8px, 0px) rotate(0deg)}}
@-o-keyframes shake-horizontal{
	0%{-o-transform:translate(0px, 0px) rotate(0deg)}
	2%{-o-transform:translate(-7px, 0px) rotate(0deg)}
	4%{-o-transform:translate(7px, 0px) rotate(0deg)}
	6%{-o-transform:translate(5px, 0px) rotate(0deg)}
	8%{-o-transform:translate(9px, 0px) rotate(0deg)}
	10%{-o-transform:translate(9px, 0px) rotate(0deg)}
	12%{-o-transform:translate(3px, 0px) rotate(0deg)}
	14%{-o-transform:translate(9px, 0px) rotate(0deg)}
	16%{-o-transform:translate(-6px, 0px) rotate(0deg)}
	18%{-o-transform:translate(8px, 0px) rotate(0deg)}
	20%{-o-transform:translate(-2px, 0px) rotate(0deg)}
	22%{-o-transform:translate(-1px, 0px) rotate(0deg)}
	24%{-o-transform:translate(0px, 0px) rotate(0deg)}
	26%{-o-transform:translate(-6px, 0px) rotate(0deg)}
	28%{-o-transform:translate(-5px, 0px) rotate(0deg)}
	30%{-o-transform:translate(-4px, 0px) rotate(0deg)}
	32%{-o-transform:translate(-10px, 0px) rotate(0deg)}
	34%{-o-transform:translate(9px, 0px) rotate(0deg)}
	36%{-o-transform:translate(4px, 0px) rotate(0deg)}
	38%{-o-transform:translate(-1px, 0px) rotate(0deg)}
	40%{-o-transform:translate(2px, 0px) rotate(0deg)}
	42%{-o-transform:translate(2px, 0px) rotate(0deg)}
	44%{-o-transform:translate(-4px, 0px) rotate(0deg)}
	46%{-o-transform:translate(8px, 0px) rotate(0deg)}
	48%{-o-transform:translate(-6px, 0px) rotate(0deg)}
	50%{-o-transform:translate(4px, 0px) rotate(0deg)}
	52%{-o-transform:translate(-5px, 0px) rotate(0deg)}
	54%{-o-transform:translate(6px, 0px) rotate(0deg)}
	56%{-o-transform:translate(-5px, 0px) rotate(0deg)}
	58%{-o-transform:translate(0px, 0px) rotate(0deg)}
	60%{-o-transform:translate(3px, 0px) rotate(0deg)}
	62%{-o-transform:translate(5px, 0px) rotate(0deg)}
	64%{-o-transform:translate(-4px, 0px) rotate(0deg)}
	66%{-o-transform:translate(-8px, 0px) rotate(0deg)}
	68%{-o-transform:translate(4px, 0px) rotate(0deg)}
	70%{-o-transform:translate(-5px, 0px) rotate(0deg)}
	72%{-o-transform:translate(7px, 0px) rotate(0deg)}
	74%{-o-transform:translate(-5px, 0px) rotate(0deg)}
	76%{-o-transform:translate(1px, 0px) rotate(0deg)}
	78%{-o-transform:translate(8px, 0px) rotate(0deg)}
	80%{-o-transform:translate(8px, 0px) rotate(0deg)}
	82%{-o-transform:translate(7px, 0px) rotate(0deg)}
	84%{-o-transform:translate(-10px, 0px) rotate(0deg)}
	86%{-o-transform:translate(9px, 0px) rotate(0deg)}
	88%{-o-transform:translate(-1px, 0px) rotate(0deg)}
	90%{-o-transform:translate(0px, 0px) rotate(0deg)}
	92%{-o-transform:translate(-2px, 0px) rotate(0deg)}
	94%{-o-transform:translate(5px, 0px) rotate(0deg)}
	96%{-o-transform:translate(5px, 0px) rotate(0deg)}
	98%{-o-transform:translate(-8px, 0px) rotate(0deg)}}
@keyframes shake-horizontal{
	0%{transform:translate(0px, 0px) rotate(0deg)}
	2%{transform:translate(-7px, 0px) rotate(0deg)}
	4%{transform:translate(7px, 0px) rotate(0deg)}
	6%{transform:translate(5px, 0px) rotate(0deg)}
	8%{transform:translate(9px, 0px) rotate(0deg)}
	10%{transform:translate(9px, 0px) rotate(0deg)}
	12%{transform:translate(3px, 0px) rotate(0deg)}
	14%{transform:translate(9px, 0px) rotate(0deg)}
	16%{transform:translate(-6px, 0px) rotate(0deg)}
	18%{transform:translate(8px, 0px) rotate(0deg)}
	20%{transform:translate(-2px, 0px) rotate(0deg)}
	22%{transform:translate(-1px, 0px) rotate(0deg)}
	24%{transform:translate(0px, 0px) rotate(0deg)}
	26%{transform:translate(-6px, 0px) rotate(0deg)}
	28%{transform:translate(-5px, 0px) rotate(0deg)}
	30%{transform:translate(-4px, 0px) rotate(0deg)}
	32%{transform:translate(-10px, 0px) rotate(0deg)}
	34%{transform:translate(9px, 0px) rotate(0deg)}
	36%{transform:translate(4px, 0px) rotate(0deg)}
	38%{transform:translate(-1px, 0px) rotate(0deg)}
	40%{transform:translate(2px, 0px) rotate(0deg)}
	42%{transform:translate(2px, 0px) rotate(0deg)}
	44%{transform:translate(-4px, 0px) rotate(0deg)}
	46%{transform:translate(8px, 0px) rotate(0deg)}
	48%{transform:translate(-6px, 0px) rotate(0deg)}
	50%{transform:translate(4px, 0px) rotate(0deg)}
	52%{transform:translate(-5px, 0px) rotate(0deg)}
	54%{transform:translate(6px, 0px) rotate(0deg)}
	56%{transform:translate(-5px, 0px) rotate(0deg)}
	58%{transform:translate(0px, 0px) rotate(0deg)}
	60%{transform:translate(3px, 0px) rotate(0deg)}
	62%{transform:translate(5px, 0px) rotate(0deg)}
	64%{transform:translate(-4px, 0px) rotate(0deg)}
	66%{transform:translate(-8px, 0px) rotate(0deg)}
	68%{transform:translate(4px, 0px) rotate(0deg)}
	70%{transform:translate(-5px, 0px) rotate(0deg)}
	72%{transform:translate(7px, 0px) rotate(0deg)}
	74%{transform:translate(-5px, 0px) rotate(0deg)}
	76%{transform:translate(1px, 0px) rotate(0deg)}
	78%{transform:translate(8px, 0px) rotate(0deg)}
	80%{transform:translate(8px, 0px) rotate(0deg)}
	82%{transform:translate(7px, 0px) rotate(0deg)}
	84%{transform:translate(-10px, 0px) rotate(0deg)}
	86%{transform:translate(9px, 0px) rotate(0deg)}
	88%{transform:translate(-1px, 0px) rotate(0deg)}
	90%{transform:translate(0px, 0px) rotate(0deg)}
	92%{transform:translate(-2px, 0px) rotate(0deg)}
	94%{transform:translate(5px, 0px) rotate(0deg)}
	96%{transform:translate(5px, 0px) rotate(0deg)}
	98%{transform:translate(-8px, 0px) rotate(0deg)}}
/* Move */
@-webkit-keyframes moveToTopFade {
	to { opacity: 0.3; -webkit-transform: translateY(-100%); }}
@-o-keyframes moveToTopFade {
	to { opacity: 0.3; -o-transform: translateY(-100%); }}
@keyframes moveToTopFade {
	to { opacity: 0.3; transform: translateY(-100%); }}
@-webkit-keyframes moveFromTopFade {
	from { opacity: 0.3; -webkit-transform: translateY(-100%); }}
@-o-keyframes moveFromTopFade {
	from { opacity: 0.3; -o-transform: translateY(-100%); }}
@keyframes moveFromTopFade {
	from { opacity: 0.3; transform: translateY(-100%); }}

/* Fold-Unfold */
@-webkit-keyframes rotateFoldBottom {
	to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); }}
@-o-keyframes rotateFoldBottom {
	to { opacity: 0; -o-transform: translateY(100%) rotateX(-90deg); }}
@keyframes rotateFoldBottom {
	to { opacity: 0; transform: translateY(100%) rotateX(-90deg); }}

/* Rotate */
@-webkit-keyframes rotateUnfoldBottom {
	from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); }}
@-o-keyframes rotateUnfoldBottom {
	from { opacity: 0; -o-transform: translateY(100%) rotateX(-90deg); }}
@keyframes rotateUnfoldBottom {
	from { opacity: 0; transform: translateY(100%) rotateX(-90deg); }}

/* fadeIn */
@-webkit-keyframes fadeIn {
	to {opacity: 1}}
@-o-keyframes fadeIn {
	to {opacity: 1}}
@keyframes fadeIn {
	to {opacity: 1}}

/* ScaleIn */
@-webkit-keyframes scaleIn {
	to {-webkit-transform: scale(1)}}
@-o-keyframes scaleIn {
	to {-o-transform: scale(1)}}
@keyframes scaleIn {
	to {transform: scale(1)}}

/* RotateIn */
@-webkit-keyframes revrotateIn {
	to {-webkit-transform: rotate(-360deg)}}
@-o-keyframes revrotateIn {
	to {-o-transform: rotate(-360deg)}}
@keyframes revrotateIn {
	to {transform: rotate(-360deg)}}
@-webkit-keyframes rotateIn {
	to {-webkit-transform: rotate(360deg)}}
@-o-keyframes rotateIn {
	to {-o-transform: rotate(360deg)}}
@keyframes rotateIn {
	to {transform: rotate(360deg)}}

/* SlideFromLeft */
@-webkit-keyframes slidefromLeft {
	to {-webkit-transform: translateX(0)}}
@-o-keyframes slidefromLeft {
	to {-o-transform: translateX(0)}}
@keyframes slidefromLeft {
	to {transform: translateX(0)}}

/* Calling */
.shake {
	opacity: 1;
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transform-origin:center center;
	-webkit-animation: shake-horizontal 100ms ease-in-out 3;
	-o-transform-origin:center center;
	-o-animation: shake-horizontal 100ms ease-in-out 3;
	transform-origin:center center;
	animation: shake-horizontal 100ms ease-in-out 3!important;
}
.pt-page-moveToTopFade {
	-webkit-animation: moveToTopFade .4s ease both;
	-o-animation: moveToTopFade .4s ease both;
	animation: moveToTopFade .4s ease both;
}
.pt-page-moveFromTopFade {
	-webkit-animation: moveFromTopFade .4s ease both;
	-o-animation: moveFromTopFade .4s ease both;
	animation: moveFromTopFade .4s ease both;
}
.pt-page-rotateFoldBottom {
	-webkit-transform-origin: 50% 0%;
	-webkit-animation: rotateFoldBottom .4s both ease;
	-o-transform-origin: 50% 0%;
	-o-animation: rotateFoldBottom .4s both ease;
	transform-origin: 50% 0%;
	animation: rotateFoldBottom .4s both ease;
}
.pt-page-rotateUnfoldBottom {
	-webkit-transform-origin: 50% 0%;
	-webkit-animation: rotateUnfoldBottom .4s both ease;
	-o-transform-origin: 50% 0%;
	-o-animation: rotateUnfoldBottom .4s both ease;
	transform-origin: 50% 0%;
	animation: rotateUnfoldBottom .4s both ease;
}
